<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

        <head>
                <title>红薯厨卫科技公司 私人定制</title>
                <meta charset="UTF-8"/>
                <meta name="viewport" content="width=device-width, initial-scale=1.0" />
                <link href="__TOURS__/css/style.css" rel="stylesheet" type="text/css" />
                <link href="__TOURS__/css/srdz.css" rel="stylesheet" type="text/css" />
                <script src="__TOURS__/js/jquery-1.7.2.min.js" type="text/javascript"></script>
                <style>
                        .alert{
                                position: absolute;
                                background-color: orange;
                                color:white;
                                text-align: center;
                                border-radius:5px;
                                border:1px solid #B35E4D;
                                padding:10px 15px;
                                display:none;
                        }
                </style>
        </head>
        <body id="bg">
            <!--header-->
                {include file="public/header" /}
                <!--面包屑
                <div class="position">
                        <span>您当前位置：</span>
                        <a href="#">首页</a>&gt;
                        <em>私人定制</em>
                </div>
                -->
                <div class="srdzBox">

                        <div class="order-wrap">

                                <div class="order-box clearfix">
                                        <div class="wl fl">
                                                <div class="form-wrap r4">
                                                        <div class="form-hd">
                                                                <h2 class="h-h">红薯厨卫私人定制</h2>
                                                                <p class="h-p"><i class="h-i1"></i><span>红薯厨卫</span><i class="h-i2"></i></p>
                                                        </div>
                                                        <form action="" method="post" autocomplete="off" id="srdzform">
                                                                <div class="form-bd">

                                                                        <div class="main-form">
                                                                                <div id="" class="form-item">
                                                                                        <div class="f-dest-l">
                                                                                                <em class="i-dest"></em>
                                                                                                <span class="intro"><font>*</font>联系人</span>
                                                                                        </div>
                                                                                        <input value="" id="realname" name="realname" type="text"></input>                                                                                                                                   <span class='alert'></span>
                                                                                </div>

                                                                                <div id="" class="form-item">
                                                                                        <div class="f-dest-l">
                                                                                                <em class="i-dest"></em>
                                                                                                <span class="intro"><font>*</font>手机号</span>
                                                                                        </div>
                                                                                        <input value="" id="phone" name="phone" type="text"></input>
                                                                                        <span class='alert'></span>
                                                                                </div>                                                                                                                               

                                                                                <div id="" class="form-item">
                                                                                        <div class="f-dest-l">
                                                                                                <em class="i-dest"></em>
                                                                                                <span class="intro">详细需求</span>
                                                                                        </div>
                                                                                        <input value="" id="day" name="day" type="text"></input>
                                                                                        <span class='alert'></span>
                                                                                </div>

                                                                                <div id="" class="form-item">
                                                                                        <div class="f-dest-l">
                                                                                                <em class="i-dest"></em>
                                                                                                <span class="intro">预定日期</span>
                                                                                        </div>
                                                                                        <input value="" id="go_date" name="go_date" placeholder="格式：年-月-日如：2016-04-05" type="text"></input>
                                                                                        <span class='alert'></span>
                                                                                </div>
                                                                        </div>
                                                                        <div class="f-btns">
                                                                                <button type="button" id="confirm_btn" class="f-btn-normal r4">开启我的定制</button>
                                                                        </div>
                                                                </div>
                                                        </form>
                                                </div>
                                        </div>

                                        <div class="wr fr">
                                                <!-- 优势 -->
                                                <div class="vs-box clearfix">
                                                        <span class="vs-icon-1"></span>
                                                        <dl class="vs-intro">
                                                                <dt>自主制造安装</dt>
                                                                <dd>
                                                                        <p class="vs-text"><i class="vs-no"></i>橱柜全面自主制造</p>
                                                                        <p class="vs-text"><i class="vs-no"></i>维修方便，结构清晰</p>
                                                                        <p class="vs-text"><i class="vs-no"></i>可根据各人不同需求调整橱柜外观</p>
                                                                        <p class="vs-text"><i class="vs-no"></i>自产自销值得信赖</p>
                                                                        <p class="vs-text"><i class="vs-no"></i>按出厂价结算，划算</p>
                                                                </dd>
                                                        </dl>
                                                </div>
                                                <span class="vs-line">&nbsp;</span>
                                                <!-- 服务 -->
                                                <div class="vs-box clearfix">
                                                        <span class="vs-icon-2"></span>
                                                        <dl class="vs-intro">
                                                                <dt>不锈钢创新橱柜</dt>
                                                                <dd>
                                                                        <p class="vs-text"><i class="vs-no"></i>采用不锈钢台面，业界创新</p>
                                                                        <p class="vs-text"><i class="vs-no"></i>结构创新控制成本提高耐用性</p>                                                                
                                                                        <p class="vs-text"><i class="vs-no"></i>优秀木材手感舒适</p>                                                               
                                                                        <p class="vs-text"><i class="vs-no"></i>量身定做</p>
                                                                        <p class="vs-text"><i class="vs-no"></i>自产自销渠道安全</p>
                                                                </dd>
                                                        </dl>
                                                </div>
                                        </div>
                                </div>
                                <!-- 设施 -->
                                <div class="our-wrap">
                                        <div class="our-hd">
                                                <em></em>
                                                <span class="our-tit">红薯的优势</span>
                                        </div>
                                        <div class="our-bd clearfix">
                                                <!-- hy -->
                                                <dl class="our-item">
                                                        <dt>制造<span class="our-i-1"></span></dt>
                                                        <dd>
                                                                <p><em></em>全面自主制作橱柜，专业值得信赖</p>
                                                                <p><em></em>创新型设计</p>
                                                                <p><em></em>不断尝试新型橱柜的开发</p>
                                                                <p></p>
                                                                <p></p>
                                                        </dd>
                                                </dl>
                                                <!-- jl -->
                                                <dl class="our-item">
                                                        <dt>销售<span class="our-i-2"></span></dt>
                                                        <dd>
                                                                <p><em></em>自产自销安全可靠</p>
                                                                <p><em></em>南京市特定范围内上门安装</p>
                                                                <p><em></em>提出需求必会满足</p>
                                                                <p><em></em>零件配套，随时更换</p>
                                                                <p></p>
                                                        </dd>
                                                </dl>
                                                <!-- al -->
                                                <dl class="our-item" style="margin-right: 0;">
                                                        <dt>售后服务<span class="our-i-3"></span></dt>
                                                        <dd>
                                                                <p><em></em>主动回访问候客户</p>
                                                                <p><em></em>以用户满意度考评服务水平</p>
                                                                <p><em></em>南京范围内特定地区可上门安装</p>
                                                                <p></p>
                                                                <p></p>
                                                        </dd>
                                                </dl>
                                        </div>
                                </div>

                        </div>

                </div>

                <!-- 联系方式弹层 -->       

                <!-- 普通弹层 -->
                <div id="success_mask" class="order-pop-mask" style="display:none"></div>
                <div id="success_box" class="order-pop-wrap r10" style="display:none">
                        <a id="success_close" href="javascript:void(0)" class="order-pop-close">关闭</a>
                        <div class="order-pop-box">
                                <div class="order-pop-hd">
                                        <h2 class="hd-h2">您的需求已提交！</h2>
                                        <p class="hd-p2">顾问会尽快跟您联系<br>或微信直接和顾问在线沟通</p>
                                </div>
                                <div class="pop-btns">
                                        <a href="javascript:void(0)" class="btn-confirm r4 btn-block f20">关 闭</a>
                                </div>
                        </div>
                </div>

                <div id="error_mask" class="order-pop-mask" style="display:none"></div>
                <div id="error_box" class="order-pop-wrap r10" style="display:none">
                        <a href="javascript:void(0)" class="order-pop-close">关闭</a>
                        <div class="order-pop-box">
                                <div class="order-pop-hd">
                                        <h2 class="hd-h2">您的需求提交失败！</h2>
                                </div>
                        </div>
                </div>
                <script type="text/javascript">
                        //验证正则
                        //手机
                        var mobileReg = new RegExp(/^((\(\d{3}\))|(\d{3}\-))?((13|14)[0-9]|15[0-9]|18[0-9])\d{8}$/);
                        //日期
                        var dateReg = new RegExp(/^(?:(?!0000)[0-9]{4}-(?:(?:0[1-9]|1[0-2])-(?:0[1-9]|1[0-9]|2[0-8])|(?:0[13-9]|1[0-2])-(?:29|30)|(?:0[13578]|1[02])-31)|(?:[0-9]{2}(?:0[48]|[2468][048]|[13579][26])|(?:0[48]|[2468][048]|[13579][26])00)-02-29)$/);
                        var dayReg = new RegExp();
                        $(function() {


                                //表单验证
                                //姓名
                                $("#realname").blur(function() {
                                        $(this).next().hide();
                                        if ($.trim($(this).val()) === "") {
                                                $(this).next().fadeIn('fast');
                                                $(this).next().text("必填");
                                        }

                                });
                                //手机
                                $("#phone").blur(function() {
                                        $(this).next().hide();
                                        if ($.trim($(this).val()) === "") {
                                                $(this).next().fadeIn('fast');
                                                $(this).next().text("必填");
                                        } else {
                                                if (!mobileReg.test($.trim($(this).val()))) {
                                                        $(this).next().fadeIn('fast');
                                                        $(this).next().text("格式错误");
                                                }
                                        }
                                });

                                $("#day").blur(function() {
                                        $(this).next().hide();
                                        if ($.trim($(this).val()) === "") {
                                                $(this).next().hide();
                                        } else {
                                                if (!dayReg.test($.trim($(this).val()))) {
                                                        $(this).next().fadeIn('fast');
                                                        $(this).next().text("格式错误");
                                                }
                                        }
                                });
                                $("#go_date").blur(function() {
                                        $(this).next().hide();
                                        if ($.trim($(this).val()) === "") {
                                                $(this).next().hide();
                                        } else {
                                                if (!dateReg.test($.trim($(this).val()))) {
                                                        $(this).next().fadeIn('fast');
                                                        $(this).next().text("格式错误");
                                                }
                                        }
                                });


                                $(".order-pop-close").click(function() {
                                        $("#error_mask").hide();
                                        $('#error_box').hide();
                                        $("#success_mask").hide();
                                        $('#success_box').hide();
                                        window.location.href = '{:C("siteurl")}';
                                });
                                $(".btn-confirm").click(function() {
                                        $("#error_mask").hide();
                                        $('#error_box').hide();
                                        $("#success_mask").hide();
                                        $('#success_box').hide();
                                        window.location.href = '{:C("siteurl")}';
                                });

                                //表单提交
                                $("#confirm_btn").click(function() {

                                        //表单提交验证
                                        var flag = false;
                                        var realname = $.trim($("#realname").val());
                                        var phone = $.trim($("#phone").val());
                                        var day = $.trim($("#day").val());
                                        var go_date = $.trim($("#go_date").val());

                                        //联系人
                                        if (realname === "") {
                                                $("#realname").next().fadeIn('fast');
                                                $("#realname").next().text("必填");
                                                flag = true;
                                        }
                                        if (phone === "") {
                                                $("#phone").next().fadeIn('fast');
                                                $("#phone").next().text("必填");
                                                flag = true;
                                        } else {
                                                if (!mobileReg.test($.trim(phone))) {
                                                        $("#phone").next().fadeIn('fast');
                                                        $("#phone").next().text("格式错误");
                                                        flag = true;
                                                }
                                        }
                                        if (day === "") {
                                        } else {
                                                if (!dayReg.test($.trim(day))) {
                                                        $("#day").next().fadeIn('fast');
                                                        $("#day").next().text("格式错误");
                                                        flag = true;
                                                }
                                        }
                                        if (go_date === "") {
                                        } else {
                                                if (!dateReg.test($.trim(go_date))) {
                                                        $("#go_date").next().fadeIn('fast');
                                                        $("#go_date").next().text("格式错误");
                                                        flag = true;
                                                }
                                        }
                                        /*定位焦点*/
                                        if (flag) {
                                                $(".main-form").find("span").each(function() {
                                                        if ($.trim($(this).text()) === "必填" || $.trim($(this).text()) === "格式错误") {
                                                                $(this).prevAll("input").focus();
                                                                return false;
                                                        }
                                                });
                                                return false;
                                        } else {
                                                //提交表单
                                                $.ajax({
                                                        url: "/linesort/srdz_upload",
                                                        data: {
                                                                username: realname,
                                                                phone: phone,
                                                                day: day,
                                                                go_date: go_date
                                                        },
                                                        dataType: "json",
                                                        type: "post",
                                                        cache: false,
                                                        success: function(data) {
                                                                if (data.status === 1) {
                                                                        $("#success_mask").show();
                                                                        $('#success_box').fadeIn('fast');
                                                                } else {
                                                                        $("#error_mask").show();
                                                                        $('.hd-h2').text("提交过于频繁,请过一会再提交");
                                                                        $('#error_box').fadeIn('fast');
                                                                }
                                                        }
                                                });
                                        }
                                });

                        });

                </script>
                {include file="public/footer" /}
        </body>
</html>
